* {
    padding: 0;
    margin: 0;
    font-size: 0;
}
/* 垂直居中公用类 */
.vertical-align-middle::after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.wrap {
    width: 72.8rem;
    overflow: hidden;
    height: 42.3rem;
    background-color: rgba(240,242,245);
    margin: 0 auto;
}

.left_wrap {
    width: 12.8rem;
    height: 41.7rem;
    background-color: #ffffff;
    float: left;
    box-shadow: 0.1rem 0 0.3rem 0 rgba(0,21,41,0.35);
}

.logo {
    width: 100%;
    height: 3.3rem;
    text-align: center;

}

.vertical-align-middle::after ,.item:after{
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.logo img {
    width: 6.625rem;
    height: 1.2rem;
    vertical-align: middle;
}

.left_wrap * {
    font-size: 0.7rem !important;
    color: #666666;
}

.item_wrap {
    border-left: 0.2rem solid #ffffff;
}

.item {
    width: 100%;
    height: 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.1rem;
    padding: .45rem 0.8rem .45rem 1.2rem;

}

.item_second {
    padding-left: 2.5rem;
    height: 2rem;
    background: #F8F8F8;
    text-align: left;
    vertical-align: middle;
    display: none;
    /*box-sizing: border-box;*/
}



.margin_right {
    margin-right: 0.6rem;
}

.item_right_span {
    float: right;
}

.right_wrap {
    float: right;
    width: 59.6rem;
    /*height: 42rem;*/
    margin-right: 0.2rem;
    /*background-color: pink;*/
}

.right_wrap_top {
    width: 59.2rem;
    height: 5.9rem;
    border-bottom: 0.05rem solid #e9e9e9;
}

.user_information {
    width: 100%;
    height: 3.2rem;
    box-sizing: border-box;
    padding: 1rem 1.8rem 1rem 1.2rem;
    background: #FFFFFF;
    margin-bottom: 0.1rem;
    box-shadow: 0 0.05rem 0.2rem 0 rgba(0,21,41,0.12);
}

.user_information span {
    display: inline-block;
    font-size: 1.1rem;
    /*line-height: 1.1rem;*/
    vertical-align: middle;

}

.user_information_left {
    display: inline-block;
    float: left;
}

.user_information_right {
    float: right;
    display: inline-block;
}

.user_information .user_information_indent {
    float: left;
    font-size: 1rem;
    vertical-align: middle;
}

.user_information_bell {
    margin-right: 1.3rem;
}


.user_information .user_name {
    font-size: 0.7rem;
    line-height: 1.1rem;
    vertical-align: middle;

}

.user_img {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: black;
    vertical-align: middle;
    margin-right:1.05rem;
}


.content_item_path {
    height: 2.6rem;
    width: 100%;
    background-color: white;
    box-sizing: border-box;
    padding-left: 1.6rem ;
}

.content_item_path span {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    color: rgba(0, 0 , 0 ,0.45);
}

.content_item_path .content_item_name {
    color: rgba(0, 0, 0, 0.65);
}

.content_wrap {
    width: 56.8rem;
    height: 34.6rem;
    background-color: white;
    margin: 1.5rem 1.4rem 0.3rem 1.2rem;
    position: relative;
    overflow: auto;
    overflow-y: scroll;

}

.active{
    border-left: 0.2rem solid #1890FF;
    /*color: #1890ff;*/
}
.active .item *{
    color: #1890ff;
}

.rotate {
    /*transition: totate;*/
    transform: rotate(180deg);
}
.item_3 {
    display: none;
}

.up_image_input_wrap #read {
    position: absolute;
    width: 5rem;
    height: 5rem;
}